$(function() {
    let id = window.location.search.split('=')[1]
    function render() {
        $.ajax({
            type: 'get',
            url: 'http://localhost:3000/api/getcouponproduct?couponid='+id  ,
            dataType: 'json',
            success(res) {
                console.log(res);
                $('.couo-main').html(template('tql',res))
            }
        })
    }
    render()

    $('.couo-main').on('click','.cou-box',function() {
        $('.cou-modal').show()
    })
    
    $('.close').click(function() {
        $('.cou-modal').hide()
    })

    //模态框图片渲染
    function modImg() {
        $.ajax({
            type: 'get',
            url: 'http://localhost:3000/api/getcouponproduct?couponid='+id ,
            dataType: 'json',
            success(res) {
                $('.con-img').html(template('tmp',res))
            }
        })
    }
    modImg()
    let count = 0
    $('.r').click(function() {
        count++
        if (count > $('.con-img img').length - 1) {
            count = 0
        }
        $('.con-img img').eq(count).stop().fadeIn().siblings().stop().fadeOut()
    })
    $('.l').click(function() {
        count--
        if (count < 0 ) {
            count = $('.con-img img').length - 1
        }
        $('.con-img img').eq(count).stop().fadeIn().siblings().stop().fadeOut()
    })

})